/* Gabarit general 

Company : Vente-privee.com
Project : VP4 (Front)
Support : Media Screen

Version : V 0.1
Date : 28 08 2008
Author : David GALL

*/

/* RESET */
* {
	margin: 0;
	padding: 0;
	outline: none;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	background: url(../images/gen_body_bg.gif) #dcd0d2 top left repeat-x;
	font-size: 100%;
	color: #202020;
}
table, tr, td, th {
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
}
ol, ul , li {
	list-style: none;
	margin: 0;
	padding: 0;
}
dl, dt, dd {
	margin: 0;
	padding: 0;
}
form, fieldset, select {
	border: 0;
}
input[type="text"],
input[type="password"],
input[type="submit"],
input[type="reset"] {
	border: none;
}
textarea { /* hack pour safari */
	resize: none;
}
p {
	padding: 0 0 20px 0;
}
a, a:active, a:visited {
	color: #f21e8c;
	text-decoration: underline;
	cursor: pointer;
	border: none;
}
a:hover {
	color: #f21e8c;
	text-decoration: none;
	cursor: pointer;
	border: none;
}
img {
	border: none;
}
strong {
	font-weight: bold;
}
em {
	color: #f21e8c;
	font-style: normal;
}
.clear {
	clear: both;
	visibility: hidden;
	border: 0;
	margin: 0;
	padding: 0;
	line-height: 1px;
	height: 1px;
	font-size: 1px;
}
.errorMsg {
	color: #ed5705;
}
/* STRUCTURE */
#wrapper {
	padding: 0 14px;
}
	/* bouton quitter */
	#quit {
		margin: 0 auto;
		padding: 3px 0;
		min-width: 967px;
		max-width: 1220px;
		font-size: 10px;
		color: #808080;
		height: 18px;
		_width: 967px;
	}
	#quit span {
		display: block;
		float: right;
		background: url(../images/gen_bt_quit-left.gif) no-repeat left top;
		height: 18px;
		width: 7px;
	}
	#quit a, #quit a:active, #quit a:visited {
		display: block;
		padding-right: 7px;
		float: right;
		height: 18px;
		width: auto;
		text-decoration: none;
		color: #808080;
		background: url(../images/gen_bt_quit-right.gif) no-repeat right top;
		line-height: 18px;
	}
	#quit a:hover {
		text-decoration: none;
		color: #e91583;
	}
#container {
	border: 1px solid #c7bec0;
	border-width: 1px;
	min-width: 970px;
	max-width: 1220px;
	background-color: #f9f2f3;
	margin: 0 auto;
	_width: 970px;
}

/*_- HEADER -_*/
	#header {
		padding: 0 30px;
		height: 147px;
		background-color: #fff;
	}
		h1 a, h1 a:hover, h1 a:active, h1 a:visited {
			position: relative;
			display: block;
			width: 410px;
			height: 105px;
			line-height: 105px;
			float: left;
			cursor: pointer;
			text-decoration: none;
		}
		h1 a span {
			background: url(../images/gen_header_logo.gif) top left no-repeat;
			width: 410px;
			height: 105px;
			position: absolute;
			top: 0;
			left: 0;
		}
		h2 {
			position: relative;
			text-align: right;
			display: block;
			width: 410px;
			height: 105px;
			line-height: 105px;
			float: right;
		}
		h2 a, h2 a:hover, h2 a:active, h2 a:visited {
			width: 410px;
			height: 85px;
			padding-top: 20px;
			line-height: 30px;
			display: block;
			cursor: pointer;
			text-decoration: none;
		}
		h2 span {
			width: 410px;
			height: 105px;
			position: absolute;
			top: 0;
			left: 0;
		}
	
	
/*_- FOOTER -_*/
	#footer {
		padding: 20px 30px;
		border-top: 1px solid #d9d2d3;
		background: url(../images/gen_footer_bg.gif) #f6eff0 top left repeat-x;
		height: 20px;
		clear: both;
		_padding-bottom: 0px;
	}
		/* liens gauche */
		#footerLinks {
			float: left;
			font-size: 11px;
			list-style: none;
		}
		#footerLinks li {
			display: inline;
			border: 1px solid #ab989b;
			border-width: 0  0 0 1px;
			padding: 0 4px 1px 4px;
		}
		#footerLinks li#footerLinkFirst {
			padding: 0 4px 1px 0;
			border: 0;
		}
		#footer #footerLinks li a, #footer #footerLinks li a:visited, #footer #footerLinks li a:active {
			color: #f21e8c;
			text-decoration: none;
		}
		#footer #footerLinks li a:hover {
			color: #f21e8c;
			text-decoration: underline;
		}
		/* parrainage express */
		#footerSpnExpress {
			float: right;
			height: 20px;
		}
		#footerSpnExpress label {
			color: #725e62;
			font-size: 9px;
			width: auto;
			_width: 450px;
			_text-align: right;
			padding-top: 3px;
			padding-right: 3px;
			float: left;
		}
		#footerSpnExpress p#formLine {
			position: relative;
			float: left;
		}
		#footerSpnExpress p#formLine input {
			border: 1px solid #aca2a4;
			width: 153px;
			padding: 1px;
			height: 16px;
			margin-right: 5px;
			float: left;
		}
		#footerSpnExpress span input {
			border: 1px solid #ff8ec8;
			padding: 0;
			height: auto;
		}
		
		/* btn envoi parrainage */
		#footerSpnExpress p#formLine span.btAction1Left {
			margin-left: 5px;
			background-color: #fff;
			border: 1px solid #ff8ec8;
			float: left;
			padding: 1px;
			position: relative;
		}
		#footerSpnExpress p#formLine span.btAction1Left input {
			display: block;
			font-size: 12px;
			text-transform: capitalize;
			text-align: center;
			padding: 0 6px;
			height: auto;
			color: #f21e8c;
			background: #ffe0f0 url(../images/gen_bt_m.gif) repeat-x;
			border: none;
			outline: none;
			cursor: pointer;
			margin: 0;
			width: auto;
			font-family: Arial, Helvetica, sans-serif;
		}
		#footerSpnExpress p#formLine span.btAction1Left input:hover {
			background: #fffbfd url(../images/gen_bt_m_hover.gif) repeat-x;
		}
		*#footerSpnExpress p#formLine span.btAction1Left input, { /* HACK IE7 pour le calage avec les margin */
			height: 17px;
			padding: 1px 1px 0 1px;
		}
		
		#footerSpnExpress .errorMsg, #footerSpnExpress .validMsg {
			position: absolute;
			font-size: 9px;
			bottom: 3px;
			left: 0;
			padding: 0;
			display: block;
		}
		#footerSpnExpress .errorMsg {
			color: #ed5705;
		}
		#footerSpnExpress .validMsg {
			color: #1d821d;
		}
		*#footerSpnExpress .errorMsg, #footerSpnExpress .validMsg, {
			bottom: 0;
		}
		#footerSpnExpress p#formLine input.errorForm {
			background-color: #ffc;
		}
		
		
/*_- CONTENT -_*/
	#content {
		max-width: 1160px;
		min-width: 670px;
		padding: 30px;
		font-size: 12px;
		min-height: 520px;
		_height: 520px;
		position: relative;
	}
		
		h3 {
			font-size: 18px;
			color: #f21e8c;
			font-weight: bold;
			padding: 20px 30px 20px 0;
		}
		h4 {
			font-size: 14px;
			padding: 20px 0 10px 0;
		}
		.catchPhrase {
			padding: 0 0 20px 0;
			font-size: 14px;
		}
		.smallPhrase {
			font-size: 10px;
			color: #666;
			line-height: 13px;
			margin-left: 10px;
		}
		
		/*_- Membre connect -_*/
		div.membersCount{
			position: absolute;
			left: 35px;
			font-size: 10px;
			color: #808080;
			line-height: 30px;
			top: 0;
			z-index:100;
		}
		
		/*_- bouton retour -_*/
		.return {
			clear: both;
			display: block;
			padding: 0 0 0 17px;
			margin: 10px 0 0 0;
			width: auto;
			_width: 200px;
			background: url(../images/gen_bt_back.png) center left no-repeat;
			_background-image: url(../images/gen_bt_back.gif);
		}
		a.return, a:visited.return, a:active.return {
			text-decoration: none;
		}
		a:hover.return {
			text-decoration: underline;
		}
		
		/*_- remonter -_*/
		#back, .back {
			display: block;
			clear: both;
			margin-right: 29px;
			background: url(../images/ev_back.png) center right no-repeat;
			_background-image: url(../images/ev_back.gif); 
			padding-right: 13px;
			text-decoration: none;
			text-align: right;
		}
		#back:hover, .back:hover {
			text-decoration: underline;
		}
		
		/*_- Lien Welcome Pack -_*/
		.wpLine {
			background: url(../images/gen_websiteAstuce.png) top left no-repeat;
			_background: url(../images/gen_websiteAstuce.gif) top left no-repeat;
			padding: 5px 0 20px 41px;
			margin-top: 10px;
		}
		
		
	/*_- infoBanner -_*/
	#hme_infoBanner	{		
		min-width: 970px;
		max-width: 1220px;
		margin: 0 auto;
		_width: 970px;
	}
	#hme_infoBanner p 
	{
		margin:10px 50px 0 50px;
		color:#666666;
		font-size:9px;
		text-align:center;
	}
